<!DOCTYPE html>
<style>
div {
  font-family: 'Courier New';
}

span {
  border: thin solid black;
  display: block;
  width: 5ch;
}
</style>
<div lang="en-us">
  <div>
    <span>hy-<br>phen-<br>ation</span>
  </div>
  <div>
    <span>hyphenation</span>
  </div>
</div>
